Flaticon WebFont

Font Demo

Instructions

1Copy the "Fonts" files and CSS files to your website CSS folder.
2Add the CSS link to your website source code on header. <head> ... <link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css"> ... </head>
3Use the icon class on "display: inline" elements:
Use example: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>

.flaticon-writing

Author: Freepik

.flaticon-music-player-play

Author: Egor Rumyantsev

.flaticon-avatar

Author: Gregor Cresnar

.flaticon-user

Author: Freepik

.flaticon-rating

Author: Freepik

.flaticon-skype-logo

Author: SimpleIcon

.flaticon-customer-reviews

Author: Freepik

.flaticon-apple

Author: Freepik

.flaticon-android-logo

Author: Freepik

.flaticon-left-quotes-sign

Author: Freepik

.flaticon-calendar

Author: Freepik

.flaticon-check

Author: Google

.flaticon-monitor

Author: Freepik

.flaticon-upload

Author: Gregor Cresnar

.flaticon-shield

Author: Freepik

.flaticon-time-left

Author: Freepik

.flaticon-cube

Author: Vectors Market

.flaticon-crop

Author: Victor Erixon

.flaticon-checked

Author: Eleonor Wang

.flaticon-right-arrow

Author: Lyolya

.flaticon-left-arrow

Author: Lyolya

.flaticon-favorite-heart-button

Author: Google

.flaticon-speech-bubbles-comment-option

Author: Dave Gandy

.flaticon-quality

Author: Freepik

.flaticon-graph

Author: Freepik

.flaticon-chrome

Author: Freepik

.flaticon-linux-logo

Author: Dave Gandy

.flaticon-windows-logo-silhouette

Author: Dave Gandy

.flaticon-happy-mac-logo

Author: Bogdan Rosu

.flaticon-question

Author: Freepik

.flaticon-clipboard

Author: Kiranshastry

.flaticon-bug-report-button

Author: Google

.flaticon-text-quotes

Author: Freepik

.flaticon-group

Author: Kiranshastry

.flaticon-verified

Author: Freepik

.flaticon-cancel

Author: Gregor Cresnar

.flaticon-settings

Author: srip

.flaticon-diamond

Author: Smashicons

.flaticon-graph-line-screen

Author: Freepik

.flaticon-question-mark

Author: Freepik

.flaticon-chart-1

Author: Freepik

.flaticon-chart

Author: Roundicons

.flaticon-clock

Author: Freepik

.flaticon-passage-of-time

Author: Freepik

.flaticon-computer

Author: Good Ware

.flaticon-transit

Author: Pavel Kozlov

.flaticon-info

Author: Chanut

.flaticon-slim-right

Author: Dario Ferrando

.flaticon-upload-1

Author: Kiranshastry

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Dario Ferrando, Good Ware, Egor Rumyantsev, Gregor Cresnar, SimpleIcon, Google, Vectors Market, Victor Erixon, Chanut, Eleonor Wang, Lyolya, Dave Gandy, Bogdan Rosu, Kiranshastry, srip, Smashicons, Pavel Kozlov, Roundicons

Copy the Attribution License:

Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="042-chart-1" href="http://www.freepik.com">Freepik</a>, <a data-file="049-slim-right" href="https://www.flaticon.com/authors/dario-ferrando">Dario Ferrando</a>, <a data-file="046-computer" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="002-music-player-play" href="https://www.flaticon.com/authors/egor-rumyantsev">Egor Rumyantsev</a>, <a data-file="037-cancel" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="006-skype-logo" href="https://www.flaticon.com/authors/simpleicon">SimpleIcon</a>, <a data-file="033-bug-report-button" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="017-cube" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="019-crop" href="https://www.flaticon.com/authors/victor-erixon">Victor Erixon</a>, <a data-file="048-info" href="https://www.flaticon.com/authors/chanut">Chanut</a>, <a data-file="020-checked" href="https://www.flaticon.com/authors/eleonor-wang">Eleonor Wang</a>, <a data-file="022-left-arrow" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="029-windows-logo-silhouette" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="030-happy-mac-logo" href="https://www.flaticon.com/authors/bogdan-rosu">Bogdan Rosu</a>, <a data-file="050-upload-1" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="038-settings" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="039-diamond" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="047-transit" href="https://www.flaticon.com/authors/pavel-kozlov">Pavel Kozlov</a>, <a data-file="043-chart" href="https://www.flaticon.com/authors/roundicons">Roundicons</a></p>

Examples:

<i class="flaticon-writing"></i>

<i class="flaticon-music-player-play"></i>

<i class="flaticon-avatar"></i>

<i class="flaticon-user"></i>